<template>
    <Panel style="margin:5px;">
        <template slot="header">
            <!--<Form :model="search" class="e-search">
                <div class="e-field-inline">
                    <Label for="username" align="left" class="e-label" style="width: auto">用户名:</Label>
                    <TextBox inputId="username" v-model="search.username"></TextBox>
                </div>
                <div class="e-field-inline">
                    <Label for="phone" align="left" class="e-label" style="width: auto">手机号:</Label>
                    <TextBox inputId="phone" v-model="search.phone"></TextBox>
                </div>
                <div class="e-field-inline" style="width: auto">
                    <LinkButton :disabled="false" @click="submitForm()" iconCls="icon-search">查询</LinkButton>
                </div>
            </Form>-->
        </template>

        <DataGrid :data="data" class="e-table" :clickToEdit="true" editMode="cell">
            <GridColumn align="center" cellCss="datagrid-td-rownumber" width="30">
				<template slot="body" slot-scope="scope">
					{{scope.rowIndex + 1}}
				</template>
			</GridColumn>
            <GridColumn field="id" title="用户Id" :sortable="true" width="200"></GridColumn>
            <GridColumn field="phone" title="手机号" :sortable="true"></GridColumn>
            <GridColumn field="username" title="用户名" :sortable="true" :editable="true"></GridColumn>
            <GridColumn field="status" title="状态" ></GridColumn>
            <GridColumn field="type" title="类型"></GridColumn>

            <GridColumn field="create_time" title="创建时间" :sortable="true"></GridColumn>
        </DataGrid>

        <template slot="footer">
            <Pagination :total="total" :pageSize="pagesize" :pageNumber="page" :layout="layout1"
                        @pageChange="pageChange($event)"></Pagination>
        </template>
    </Panel>
</template>

<script>
    export default {
        name: "TablePanel"
    }
</script>

<style scoped>

</style>